<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt_rt" %>
<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <jsp:include page="../header.jsp"></jsp:include>
</head>

<body>
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">XX的订单</h1>
</header>
<div class="mui-content">
    <ul class="mui-table-view mui-table-view-striped mui-table-view-condensed">
        <c:forEach items="${orders}" var="vo">
            <li class="mui-table-view-cell">
                <div class="mui-table">
                    <div class="mui-table-cell mui-col-xs-10">
                        <h5 class="mui-ellipsis">
                            订单时间: <fmt:formatDate value="${vo.payTime}" pattern="yyyy-MM-dd HH:mm:ss"></fmt:formatDate></h5>
                        <h4>${vo.productName}</h4>
                    </div>
                    <div class="mui-table-cell mui-col-xs-2 mui-text-right">
                        </br> <h5 class="mui-ellipsis">￥${vo.amount/100}</h5>
                    </div>
                </div>
            </li>
        </c:forEach>
    </ul>
</div>

<nav class="mui-bar mui-bar-tab">
    <a class="mui-tab-item" href="#tabbar-with-chat">
        <span class="mui-icon mui-icon-loop"></span>
        <span class="mui-tab-label">开机</span>
    </a>
    <a class="mui-tab-item" href="#tabbar-with-contact">
        <span class="mui-icon mui-icon-close"></span>
        <span class="mui-tab-label">关机</span>
    </a>
    <a class="mui-tab-item" href="#tabbar-with-map">
        <span class="mui-icon mui-icon-arrowthindown"></span>
        <span class="mui-tab-label">强冲</span>
    </a>
    <a class="mui-tab-item" href="#tabbar-with-map">
        <span class="mui-icon mui-icon-plus"></span>
        <span class="mui-tab-label">充值1升</span>
    </a>
</nav>
</body>
<jsp:include page="../footer.jsp"></jsp:include>
<script>
    mui.init({
        swipeBack: true //启用右滑关闭功能
    });
</script>
</html>